<template>
<h3>style的绑定</h3>
<p :style="{color:pColor, fontSize: pFontSize}">绑定的内容</p>
<p :style="styleMany">对象批量绑定style参数</p>
<p :style="[styleMany, styleM2]">使用数组绑定多个对象,可以绑定多个数组的样式</p>
</template>
<script>
export default {
  data() {
    return {
      pColor: "red",
      pFontSize: '35px',
      styleMany: {
        color: "yellow",
        fontSize: "50px"
      },
      styleM2: {
        'background-color':'red'
      }
    };
  },
  // 计算属性
  computed: {},
  methods: {},
};
</script>

